<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="../css_pc/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../css_pc/default.css" />
    <link rel="stylesheet" type="text/css" href="../css_pc/project.css" />
    <title>智慧应用资源池</title>
    <style>

    </style>
</head>

<body>
    <header class="u-header">
        <img class="logo" src="../img_pc/logo-h.png" alt="" />
        <div class="account-wrap">
            <div class="account">
                <a herf="" class="avatar-wrap">
                    <div class="avatar">
                        <div class="img" style="background-image:url()"></div>
                        <span class="approve"><span>v</span>已认证</span>
                    </div>
                </a>
                <div class="des">
                    <a class="name" href="">张阿三</a>
                    <a class="logout" href="#">退出</a>
                </div>
            </div>
        </div>
        <div class="main-menu">
            <ul>
                <li class="active"><a href="">首页</a></li>
                <li><a href="">产品</a></li>
                <li><a href="">动态</a></li>
                <li><a href="">案例</a></li>
                <li><a href="">伙伴</a></li>
                <li><a href="">关于</a></li>
            </ul>
        </div>
    </header>
    <section class="u-container">
        <div class="uc-left">
            <div class="nav-list">
                <div class="head">
                    <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>项目
                </div>
                <ul>
                    <li class="active"><a href="">系统通知</a></li>
                    <li><a href="">管理项目</a></li>
                    <li><a href="">发起项目</a></li>
                </ul>
            </div>
            <div class="nav-list">
                <div class="head">
                    <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>设置
                </div>
                <ul>
                    <li><a href="">实名认证</a></li>
                </ul>
            </div>
        </div>
        <div class="uc-right">
            <div class="mngt-container">
                <div class="title">管理项目</div>
                <ul class="nav-bar">
                    <li class="active">我发起的</li>
                    <li>我捐赠的</li>
                </ul>
                <div class="content">
                    <ul>
                        <li class="active">
                            <table>
                                <thead>
                                    <tr>
                                        <th>项目名称</th>
                                        <th>捐募时间</th>
                                        <th>筹款情况</th>
                                        <th>状态</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>送贫困孩子的梦想中心圆一个梦想</td>
                                        <td>
                                            2015-07-21~2015-10-20
                                        </td>
                                        <td>目标 240000</td>
                                        <td>
                                            草稿
                                        </td>
                                        <td>
                                            <a class="op" href>编辑</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想</td>
                                        <td>
                                            2015-07-21~2015-10-20
                                        </td>
                                        <td>目标 240000</td>
                                        <td>
                                            草稿
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>送贫困孩子的梦想中心圆一个梦想</td>
                                        <td>
                                            2015-07-21~2015-10-20
                                        </td>
                                        <td>目标 240000</td>
                                        <td>
                                            草稿
                                        </td>
                                        <td>
                                            <a class="op">编辑</a>
                                            <a class="op" href="#onProgress" data-toggle="modal">提交进展</a>
                                            <a class="op" href>二维码</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </li>
                        <div class="modal fade h lg" id="onProgress" tabindex="-1" role="dialog" aria-labelledby="onProgressLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="myModalLabel">新增项目进展</h4>
                                    </div>
                                    <div class="modal-body">
                                        <form class="form-style2">
                                            <div class="form-item">
                                                <label for="">我的项目</label>
                                                <div class="form-ctrl">送贫困孩子的梦想中心圆一个梦想</div>
                                            </div>
                                            <div class="form-item">
                                                <label for="">项目进展</label>
                                                <div class="form-ctrl">
                                                    <textarea data-count="300">
                                                        毕业于湖南第一师范学校。毕业八年来，一直从事小学语文教学，兼任班主任工作爱钻研、好创新的她和学生一起。毕业于湖南第一师范学校。毕业八年来，一直从事小学语文教学，兼任班主任工作爱钻研、好创新的她和学生一起。毕业于湖南第一师范学校。毕业八年来，一直从事小学语文教学，兼任班主任工作爱钻研、好创新的她和学生一起。毕业于湖南第一师范学校。毕业八年来，一直从事小学语文教学，兼任班主任工作爱钻研、好创新的她和学生一起。毕业于湖南第一师范学校。毕业八年来，一直从事小学语文教学，兼任班主任工作爱钻研、好创新的她和学生一起。毕业于湖南第一师范学校。毕业八年来，一直从事小学语文教学，兼任班主任工作爱钻研、好创新。
                                                    </textarea>
                                                    <span class="count">xxx</span>
                                                </div>
                                            </div>
                                            <div class="form-item">
                                                <label for="">执行图片</label>
                                                <div class="form-tips fix">支持jpg、jpeg、png格式 ，单张图片大小不超过5M，最多上传9张图片</div>
                                                <div class="form-ctrl">

                                                    <div class="form-imgs" data-index="1" data-max-length="8">
                                                        <div class="img-box">
                                                            <b class="close"></b>
                                                            <input type="file" id="img1">
                                                            <input type="hidden">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-item">
                                                <div class="btn-container">
                                                    <div class="btn o btn-submit">提交项目进展</div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <li>
                            <table class="style1">
                                <thead>
                                    <tr>
                                        <th>项目名称</th>
                                        <th>捐募时间</th>
                                        <th>筹款情况(元</th>
                                        <th>状态</th>
                                        <th>我的捐款(元)</th>
                                        <th>捐款码</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>送贫困孩子的梦想中心圆一个梦想</td>
                                        <td>
                                            2015-07-21~2015-10-20
                                        </td>
                                        <td>
                                            <div class="num-finish">已筹 245874</div>
                                            <div class="num-not">还差 45812</div>
                                        </td>
                                        <td>
                                            草稿
                                        </td>
                                        <td>
                                            <div class="my-num">共捐 2458</div>
                                            <div class="my-date">2015-08-22 </div>
                                        </td>
                                        <td>
                                            <a class="op" href="#qrcode" data-toggle="modal">二维码 </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想送贫困孩子的梦想中心圆一个梦想</td>
                                        <td>
                                            2015-07-21~2015-10-20
                                        </td>
                                        <td>目标 240000</td>
                                        <td>
                                            草稿
                                        </td>
                                        <td>
                                            <div class="my-num">共捐 2458</div>
                                            <div class="my-date">2015-08-22 </div>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>送贫困孩子的梦想中心圆一个梦想</td>
                                        <td>
                                            2015-07-21~2015-10-20
                                        </td>
                                        <td>目标 240000</td>
                                        <td>
                                            草稿
                                        </td>
                                        <td>
                                            <div class="my-num">共捐 2458</div>
                                            <div class="my-date">2015-08-22 </div>
                                        </td>
                                        <td>
                                            <a class="op" href="#qrcode" data-toggle="modal">二维码</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="modal fade h" id="qrcode" tabindex="-1" role="dialog" aria-labelledby="onProgressLabel">
                                <div class="modal-dialog modal-sm" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" id="myModalLabel">项目二维码 </h4>
                                        </div>
                                        <div class="modal-body">
                                            <div class="qrcode-wrap">
                                                <p class="hd">邀请您成为火堆的一员</p>
                                                <img src="../img_pc/qrcode.jpg">
                                                <p class="ft"><a href>右键</a>另存二维码图片</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <footer class="u-footer">
        <div class="copyright">Copyright c 2015 huodui Inc. 保留所有权利 沪ICP备 13042466号-5</div>
        <div class="contact">邮件：huodui@adream.org 电话：021-1234432转221 <img class="wechat" src="../img_pc/icon-wechat.png"></div>
    </footer>
    <script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/util.js"></script>
    <script>
        $(function() {
            $('.mngt-container .nav-bar li').click(function() {
                $(this).addClass('active').siblings().removeClass('active').parent().siblings('.content').find('li').removeClass('active').eq($(this).index()).addClass('active');
            });
            $('.form-imgs').on('click', '.img-box .close', function() {
                $(this).parents('.img-box').remove();
            })
            $('.form-imgs').on('change', '.img-box:last-child input[type=file]', function() {
                // 前台本地测试代码模拟返回操作，后台删除
                addPhotoPreview($(this).parents('.form-imgs'), 'file:///D:/git/crowdfundingmoney/crowdfundingmoney/web-app/images_mobile/demo/demo-jieshao-2.jpg');
            });
            var bind_name = 'input';
            if (navigator.userAgent.indexOf("MSIE") != -1) {
                bind_name = 'propertychange';
            }
            $('[data-count]').bind(bind_name, count);
        });
        function addPhotoPreview (imgs, url) {
            var max = parseInt(imgs.attr('data-max-length'));
            if (max < imgs.find('.img-box').length) {
                imgs.find('.img-box').eq(max - 1).css('background-image', 'url(' + url + ')').find('input[type=hidden]').val(url);
            } else {
                imgs.find('.img-box:last-child').css('background-image', 'url(' + url + ')').find('input[type=hidden]').val(url);
                var index = parseInt(imgs.attr('data-index'));
                index++;
                var html = '<div class="img-box"><b class="close"></b><input type="file" id="img' + (index) + '"><input type="hidden"></div>';

                imgs.attr('data-index', index).append(html);
            }
        }
        function count() {
            n = $(this).data('count');
            if($(this).val().length > n) return;
            $(this).siblings('.count').text( n - $(this).val().length );
        }
    </script>
</body>

</html>
